<template>
	<div class="jobwantDetail">
		<el-row class="company-top">
			<el-col :span="16" :offset="4">
				<div class="btns flex" v-if="type==2">
					<div class="item yd" v-if="type==2">移动到</div>
					<div class="item delete">删除</div>
				</div>
				<div class="btns flex" v-else-if="type==3">
				</div>
				<div class="info">
					<img src="../../../static/image/headpic.png" alt="" class="company_pic">
					<div class="company">
						<div class="title flex">李丽
							<div class="gw flex"><img src="../../../static/image/nan.png" alt="" class="src">男</div>
							<div class="gw flex" style="color: #FF29BD;"><img src="../../../static/image/nv.png" alt="" class="src">女</div>
						</div>
						<div class="count"><span>3年工作经验</span><span class="person">本科</span><span class="person">24岁</span></div>
						<div class="count"><span class="span1"><img src="../../../static/image/wposition.png" alt="" class="src">手机:13071890323</span><span
							 class="person span1"><img src="../../../static/image/nan.png" alt="" class="src">邮箱:489465465@qq.com</span></div>
					</div>

				</div>
				<div class="address flex">
					<div class="aditem">所在地：浙江省 杭州市</div>
					<div class="aditem">籍贯：河南省 焦作市</div>
					<div class="aditem">政治面貌：群众</div>
					<div class="aditem">婚姻状况：未婚</div>
				</div>
			</el-col>
		</el-row>
		<el-row class="jl">
			<el-col :span="16" :offset="4">
				<div class="jlrow">
					<head-top title='教育经历' style="margin-bottom: 25px;"></head-top>
					<div class="row_item"><span>北京大学</span> <span>艺术设计学</span> <span>本科</span><span>2014/06-2018/07</span></div>
				</div>
				<div class="jlrow">
					<head-top title='工作地点' style="margin-bottom: 5px;"></head-top>
					<div class="company">
						<div class="name_time">北京知行锐景科技有限公司 <span class="time">2018/06-2020/02</span></div>
						<div class="jobname">UI设计师</div>
						<div class="jobsis">UI设计师</div>
						<div class="jobcnt">
							1、负责中关村在线App一二级界面改版；
							2、根据产品需求进行设计前期提案、设计制作及视觉走查；
							3、独立负责完成多种行业的app、小程序、PAD端的设计需求，并持续优化作品，提升品质；
							4、协同制定界面实现标准，输出设计规范；
							5、协助产品经理绘制原型图，梳理产品框架；
							6、站在用户角度挖掘用户需求痛点，提供合理的系统化设计解决方案，完善用 户体验。
							7、参与ZOL20周年logo设计提案，协助视觉营销组更新运营海报，焦点图以及资源位的更新工作。
						</div>
					</div>

					<div class="company">
						<div class="name_time">北京知行锐景科技有限公司 <span class="time">2018/06-2020/02</span></div>
						<div class="jobname">UI设计师</div>
						<div class="jobsis">UI设计师</div>
						<div class="jobcnt">
							1、负责中关村在线App一二级界面改版；
							2、根据产品需求进行设计前期提案、设计制作及视觉走查；
							3、独立负责完成多种行业的app、小程序、PAD端的设计需求，并持续优化作品，提升品质；
							4、协同制定界面实现标准，输出设计规范；
							5、协助产品经理绘制原型图，梳理产品框架；
							6、站在用户角度挖掘用户需求痛点，提供合理的系统化设计解决方案，完善用 户体验。
							7、参与ZOL20周年logo设计提案，协助视觉营销组更新运营海报，焦点图以及资源位的更新工作。
						</div>
					</div>
				</div>
				<div class="jlrow">
					<head-top title='简历' style="margin-bottom: 20px;"></head-top>
					<div class="title">个人优势</div>
					<div class="row_item">
						三年工作经验，有过大型公司和创业经历，熟练掌握Sketch、AE动效、Principle、Axure原型c4d等技能，在APP、Web、微信小程序、H5平台有成熟项目案
						例。三年工作经验，有过大型公司和创业经历，熟练掌握Sketch、AE动效、P
					</div>
					<div class="title" style="margin-top: 20px;">个人优势</div>
					<div class="row_item"><span>北京大学</span> <span>艺术设计学</span> <span>本科</span><span>2014/06-2018/07</span></div>
				</div>
				<div class="jlrow" v-if="type!=1">
                     <head-top title='试题' style="margin-bottom: 12px;"></head-top>
                     
                     <div class="stsection">
                     	<div class="st">
                     		<div class="sttitle">1、第一题第一题第一题第一题第一题第一题第一题第一题第一题第一题</div>
                     		<textarea class="da" readonly="readonly">答案:请输入你的答案请输入你的答案</textarea>
                     	</div>
                     	<div class="st">
                     		<div class="sttitle">1、第一题第一题第一题第一题第一题第一题第一题第一题第一题第一题</div>
                     		<textarea class="da" readonly="readonly">答案:请输入你的答案请输入你的答案</textarea>
                     	</div>
                     	<div class="st">
                     		<div class="sttitle">1、第一题第一题第一题第一题第一题第一题第一题第一题第一题第一题</div>
                     		<div class="xxs">
                     			<el-radio-group v-model="radio2" size='medium' style="font-size: 14px;">
                     				<el-radio :label="1">A:备选项</el-radio>
                     				<el-radio :label="2">B:备选项</el-radio>
                     				<el-radio :label="3">C:备选项</el-radio>
                     			</el-radio-group>
                     
                     		</div>
                     	</div>
                     </div>
				</div>

			</el-col>
		</el-row>


	</div>

</template>

<script>
	import headTop from '@/components/headTop'
	export default {
		data() {
			return {
				type:'',  //1从求职中心进来  2是简历箱进来  3是从备用简历进来
				radio2:''
			}
		},
		components: {
			headTop
		},
		created() {
			console.log('进来');
			let that=this;
			that.$nextTick(function(){
			  that.type=that.$route.query.type;
			
			  console.log('类型'+that.type);	
			})
			  that.$forceUpdate();
            
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped="scoped">
	@import '../../style/mixin';

	.jobwantDetail {
		padding-bottom: 60px;
		box-sizing: border-box;
		.jl {
			padding-bottom: 20px;
			box-sizing: border-box;

			.jlrow {
				margin-top: 40px;
				width: 100%;
				background-color: #FFFFFF;
				padding: 40px 40px 20px;
				box-sizing: border-box;
				
				.stsection {
					width: 100%;
					max-height: 665px;
					overflow-y: auto;
					overflow-x: hidden;
					padding: 20px 40px;
					box-sizing: border-box;
					background-color: #FFFFFF;
				
					.st:last-child {
						border-bottom: none !important;
					}
				
					.st {
						width: 100%;
						flex-direction: column;
						border-bottom: 1px solid #EEEEEE;
						padding-bottom: 20px;
						box-sizing: border-box;
				
						.sttitle {
							color: #333333;
							font-size: 16px;
							margin: 20px 0px;
						}
				
						.da {
							padding: 10px;
							box-sizing: border-box;
							width: 500px;
							color: #999999;
							font-size: 14px;
							height: 98px;
							background: #F8F8FB;
						}
				
					}
				}
				

				.title {
					color: #333333;
					font-size: 18px;
					font-weight: bold;
					margin-bottom: 10px;
				}

				.company:last-child {
					border-bottom: none !important;
				}

				.row_item {
					color: #999999;
					font-size: 16px;

					span {
						margin-right: 40px;
					}
				}

				.company {
					padding-top: 20px;
					box-sizing: border-box;
					border-bottom: 1px solid #EEEEEE;



					.name_time {
						color: #333333;
						font-size: 18px;

						font-weight: bold;

						.time {
							margin-left: 40px;
							color: #999999;
							font-size: 16px;
							font-weight: 400;
						}
					}

					.jobname {
						color: #333333;
						font-size: 18px;
						margin: 20px 0px 10px;

						font-weight: bold;
					}

					.jobsis {
						color: #333333;
						font-size: 16px;

					}

					.jobcnt {
						color: #999999;
						font-size: 16px;
						margin: 10px 0px 20px;
						line-height: 24px;

					}
				}
			}
		}

		.company-top {
			width: 100%;
			height: auto;
			background-color: #444C5F;
			padding: 40px 0px;
			box-sizing: border-box;

			.btns {
				margin-bottom: 36px;

				.item {
					width: 110px;
					height: 36px;
					line-height: 36px;
					text-align: center;
					background: #226FFF;
					color: #FFFFFF;
					font-size: 16px;
					margin-right: 40px;
				}

				.delete {
					background-color: #FF4422;
				}
			}

			.address {
				margin-top: 20px;
				color: #FFFFFF;
				font-size: 16px;

				.aditem {
					margin-right: 40px;
				}

			}

			.info {
				display: flex;
				align-items: center;
				border-bottom: 1px solid rgba(255, 255, 255, 0.1);
				padding-bottom: 20px;
				box-sizing: border-box;
				position: relative;


				.company_pic {
					width: 97px;
					height: 97px;
				}

				.company {
					margin-left: 20px;

					.title {
						width: 100%;
						color: #FFFFFF;
						font-size: 24px;

						.gw {
							margin-left: 20px;
							display: flex;
							justify-content: center;
							color: #226FFF;
							font-size: 14px;
							cursor: pointer;

							img {
								width: 14px;
								height: 14px;
								margin-right: 5px;
							}
						}
					}

					.person {
						&:before {
							// padding-left: 20px;
							// box-sizing: border-box;
							// margin-left: 20px;
							content: "";
							margin-left: 15px;
							padding-left: 15px;
							border-left: 1px solid #999999;
							height: 16px;
							display: inline-block;
							vertical-align: middle;
						}
					}

					.count {
						margin: 12px 0px 8px;
						display: flex;

						img {
							width: 16px;
							height: 16px;
							vertical-align: middle;
						}

						span {
							display: flex;
							align-items: center;
						}

						.span1 {
							display: flex;
							align-items: center;

							img {
								margin-right: 10px;
							}
						}



					}

					.count,
					.hy {
						color: #999999;
						font-size: 16px;
					}
				}
			}
		}
	}
</style>
